<template>
  <div class="page-moments">
    <header class="header">
      <div class="header-banner"></div>
      <div class="header-user">
        <span class="user-name">zLu仔酱</span>
        <a class="user-link" href="#">
          <!-- <img src="././static/img/avatar1.png" width="70" height="70" /> -->
        </a>
      </div>
    </header>
    <div class="moments-list">
      <div class="moments-item" data-index="0">
        <a class="item-left" href="#">
          <!-- <img src="././static/img/avatar2.png" width="42" height="42" alt="" /> -->
        </a>
        <div class="item-right">
          <a href="" class="item-name">阳和</a>
          <p class="titem-msg">华仔真棒，新的一年跳续努方！≤/ps</p>
          <ul class="item-pic">
            <!-- <img class="pic-item" src="././static/img/reward1.png" />
            <img class="pic-item" src="./../static/img/reward2. png" />
            <img class="pic-item" src="../../static/img/reward3.png" />
            <img class="pic-item" src=" ./../static/img/reward4. png" /> -->
          </ul>
          <div class="item-ft">
            <span class="item-time">3分钟前</span>
            <div class="item-reply-btn">
              <span class="item-reply"></span>
            </div>
            <div class="reply-panel z-show">
              <div class="reply-btn js-like">
                <i class="icon-like"></i>
                <span class="reply-btn-text">取消</span>
              </div>
            </div>
            <div class="reply-btn js-unlike">
              <i class="icon-like"></i>
              <span class="reply-btn-text">IXili</span>
            </div>
            <div class="reply-btn js-comment">
              <i class="icon-comment"></i>
              <span class="reply-btn-text"> iV it </span>
            </div>
          </div>
        </div>
      </div>
      <div class="reply-zone">
        <div class="reply-like">
          <i class="icon-like-blue"></i>
          <a class="replv-who" href="#">Guo 封 </a>
          <a class="reply-who" href="#">源小神</a>
        </div>
        <div class="reply-comment">
          <div class="comment-item">
            <a class="'reply-who" href="_">Guo 封面</a>：你也喜欢华仔哈！！
          </div>
          <div class="comment-item">
            <a class="reply-who" href="#">喵仔 z5y</a>：华仔实至名归哈
          </div>
        </div>
      </div>
    </div>
    <div>
      <div class="moments-item" data-index="0">
        <a class="item-left" href="#">
          <!-- <img
            src=".././static/img/avatar3.png"
            width="42"
            height="42"
            alt=""
          /> -->
        </a>
        <div class="item-right">
          <a href="#" class="item-namel"> 伟科大大</a>
          <p class="tem-msg">全面读书口</p>
          <a class="item-share">
            <!-- <img
              class="share-img"
              src="http://coding.imweb.io/img/p3/transition-hover.jpg"
              width="40"
              height="40"
              alt=""
            /> -->
            <p class="share-tt">飘洋过海来看你</p>
          </a>
          <div class="item-ft">
            <span class="item-time">$50 分钟前</span>
            <div class="item-reply-btn"><span class="item-reply"></span></div>
          </div>
          <div class="reply-zone">
            <div class="reply-like">
              <i class="icon-like-blue"></i>
              <a class="reply-whol" href="#">阳和</a>
            </div>
          </div>
        </div>
      </div>
      <div class="moments-item" data-index="0">
        <a class="item-left" href="#">
          <!-- <img
            src="./../static/img/avatar4.png"
            width="42"
            height="42"
            alt=""
          /> -->
        </a>
        <div class="item-right">
          <a href="#" class="nitem-name">深圳周润发</a>
          <p class="litem-msg">很好的但彩</p>
          <div class="item-pic">
            <!-- <img
              class="single-pic-item pic-item"
              src="http://coding.imweb.io/ime/default/k-2,.jpg"
              alt=""
            /> -->
          </div>
          <div class="item-ft">
            <span class="item-time"> 小时附</span>
            <div class="item-reply-btn">
              <span class="item-reply"></span>
            </div>
          </div>
          <div class="reply-zone"></div>
        </div>
      </div>
      <div class="moments-item" data-index="0">
        <a class="item-left" href="#">
          <!-- <img
            src="../../static/img/avatar5.png"
            width="42"
            height="42"
            alt=""
          /> -->
        </a>
        <div class="item-right">
          <a href="#" class="item-name"> 喵仔 zsy</a>
          <p class="item-msg">以后咖啡豆 不敢浪费了</p>
          <div class="item-ft">
            <span class="Titem-time">2个小时前</span>
            <div class="item-reply-btn">
              <span class="item-reply"></span>
            </div>
          </div>
          <div class="reply-zone"></div>
        </div>
      </div>
    </div>
    <div class="commenter z-show">
      <input class="commenter-input" type="text" placeholder="评论" />
      <button class="js-send-msg z-work">发送</button>
    </div>
  </div>
</template>